import { View } from "@tarojs/components";
import React from "react";
import styles from "./index.module.scss";
import { Tag } from "@nutui/nutui-react-taro";

function Information() {
  return (
    <View className={styles["information-wrapper"]}>
      <View className={styles["title"]}>申诉信息</View>
      <View className={styles["row"]}>
        <View className={styles["label"]}>已选申诉任务</View>
        <View className={styles["info"]}>
          <Tag plain background="#E9E9E9" color="#999999">
            任务名称1｜90
          </Tag>
          <Tag plain background="#E9E9E9" color="#999999">
            任务名称2｜90
          </Tag>
          <Tag plain background="#E9E9E9" color="#999999">
            任务名称3｜90
          </Tag>
        </View>
      </View>
      <View className={styles["row"]}>
        <View className={styles["label"]}>当前积分总值</View>
        <View className={styles["info"]}>158</View>
      </View>
      <View className={styles["row"]}>
        <View className={styles["label"]}>申诉积分值</View>
        <View className={styles["info"]}>234</View>
      </View>
      <View className={styles["row"]}>
        <View className={styles["label"]}>结果生效日期</View>
        <View className={styles["info"]}>2023.09.08 12：09：08</View>
      </View>
      <View className={styles["row"]}>
        <View className={styles["label"]}>申诉原因</View>
        <View className={styles["info"]}>
          占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位占位
        </View>
      </View>
    </View>
  );
}

export default Information;
